// 默认选中Toekn认证
$("#token").css("display", "inline");  // 显示输入token
$("#s1").css("border", "2px solid #326de6");  // 边框改为蓝色
$("#ss1").addClass("ss");  // 添加蓝色实心圆

$("#tokenBtn").click(function () {
    $("#token").css("display", "inline");  // 显示输入token
    $("#kube").css("display", "none");  // 另外一个隐藏

    $("#s1").css("border", "2px solid #326de6");  // 边框改为蓝色
    $("#s2").css("border", "2px solid gray");  // 另外一个，边框改为灰色

    $("#ss1").addClass("ss");  // 添加蓝色实心圆
    $("#ss2").removeClass("ss");  // 去掉蓝色实心圆
});
$("#kubeBtn").click(function () {
    $("#kube").css("display", "inline");   // 显示选择文件框
    $("#token").css("display", "none");  // 另外一个隐藏

    $("#s1").css("border", "2px solid gray");  // 另外一个，边框改为蓝灰色
    $("#s2").css("border", "2px solid #326de6");  // 边框改为蓝色

    $("#ss2").addClass("ss");  // 添加蓝色实心圆
    $("#ss1").removeClass("ss");  // 去掉蓝色实心圆
});
$("#btn").click(function () {
    var csrf_token = $('[name="csrfmiddlewaretoken"]').val();
    // 判断选择的认证方式，即有实心圆类
    if ($("#ss1").hasClass("ss")) {
        var token = $("input[name='token']").val();
        // 判断输入是否为空
        if (!token) {
            $("#notice").html("请输入Token！").css("color", "red");
            return
        }
        var data = {'token': token, 'csrfmiddlewaretoken': csrf_token, 'type': 'token'};
        $.ajax({
            type: "POST",
            url: "/login/",
            timeout: 5000,
            dataType: "json",
            data: data,
            success: function (res) {
                if (res.code == 0) {
                    location.href = "/"
                } else if (res.code == 1) {
                    $("#notice").html(res.msg).css("color", "red");
                }
            },
            error: function (res) {
                $("#notice").html("服务器接口异常！").css("color", "red");
            }
        })
    } else if ($("#ss2").hasClass("ss")) {
        var fd = new FormData();
        // var file = $("input[name='kubeconfig']")[0].files[0]);
        var file = $("#kubeconfig")[0].files[0];
        if (!file) {
            $("#notice").html("请选择kubeconfig文件！").css("color", "red");
            return
        }
        fd.append('type', 'kubeconfig')
        fd.append('file', file);
        fd.append("csrfmiddlewaretoken", csrf_token);
        $.ajax({
            type: "POST",
            url: "/login/",
            timeout: 5000,
            dataType: "json",
            data: fd,
            processData: false,
            contentType: false,
            success: function (res) {
                if (res.code == 0) {
                    location.href = "/"
                } else if (res.code == 1) {
                    $("#notice").html(res.msg).css("color", "red");
                }
            },
            error: function () {
                $("#notice").html("服务器接口异常！").css("color", "red");
            }
        })
    }
})

// layui.use(['element', 'layer', 'util'], function () {
//     var element = layui.element
//         , layer = layui.layer
//         , util = layui.util
//         , $ = layui.$;
//
//     //头部事件
//     util.event('lay-header-event', {
//         //左侧菜单事件
//         menuLeft: function (othis) {
//             layer.msg('展开左侧菜单的操作', {icon: 0});
//         }
//         , menuRight: function () {
//             layer.open({
//                 type: 1
//                 , content: '<div style="padding: 15px;">处理右侧面板的操作</div>'
//                 , area: ['260px', '100%']
//                 , offset: 'rt' //右上角
//                 , anim: 5
//                 , shadeClose: true
//             });
//         }
//     });
//
// });

$.ajax({
    type: "GET",
    url: "/namespace_api",
    //aync 禁止异步执行，否则后续storage无法获取到值
    timeout: 1000,
    async: false,
    success: function (res) {
        //成功后判断状态码，之后获取ns，通过ID添加到页面中
        if (res.code == 0) {
            for (let index in res.data) {
                ns = res.data[index];
                $("#nsSelect").append('<option value=' + ns.name + '>' + ns.name + '</option>')
            }
            $("#nsSelect").val('all')
            $("#nsSelect").append('<option value=all' + '> all' + '</option>')
        } else {
            layer.msg(res.msg)
            $("#nsSelect").append('<option value=' + 'default' + '>' + res.msg + '</option>')
        }
    },
    error: function (res) {
        layer.msg("服务器接口异常")
    }
})


// 获取namespace值，并且存储至sessionStorage中
const storage = window.sessionStorage;
const namespace = storage.getItem("namespace");
const current_ns = $("#nsSelect").val();
if (namespace == null) {
    storage.setItem('namespace', current_ns)
} else {
    $("#nsSelect").val(namespace)
}
// 检测到重新选择namespace则重新设置值
$("#nsSelect").change(function () {
    const current_ns = $("#nsSelect").val();
    storage.setItem('namespace', current_ns)
    //const aaa = storage.getItem('namespace')
    //console.log(aaa)
})

$("#logout").click(function () {
    storage.removeItem('namespace')
})


// 格式化labels对象
function labelsFormat(data) {
    if (data.labels == null) {
        return 'None'
    } else {
        let result = ''
        for (let key in data.labels) {
            result += '<span style="border: 1px solid #d6e5ec;border-radius: 8px; ">' + key + ':' + data.labels[key] + "</span><br>"
        }
        return result
    }
};
